<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="icon" href="./icon/bitbug_favicon.ico">
    <link rel="stylesheet" href="./icon/font_2384085_f6k6iubzpk9/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/conmon.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/carousel.js"></script>
    <link rel="stylesheet" href="./icon/font_2384085_f6k6iubzpk9/iconfont.css">
</head>


 
<body>
    <!-- 头部广告 -->
    <div id="top_adv">
        <a href="javascript:;">
            <img src="" alt="">
        </a>
    </div>
    <!-- 头部导航 -->
    <div id="top_nav">
        <div class="container">
            <div class="nav">
                <a href="javascript:;">小米商城</a>
                <span class="sep">|</span>
                <a href="javascript:;">MIUI</a>
                <span class="sep">|</span>
                <a href="javascript:;">loT</a>
                <span class="sep">|</span>
                <a href="javascript:;">云服务</a>
                <span class="sep">|</span>
                <a href="javascript:;">天星数科</a>
                <span class="sep">|</span>
                <a href="javascript:;">有品</a>
                <span class="sep">|</span>
                <a href="javascript:;">小爱开放平台</a>
                <span class="sep">|</span>
                <a href="javascript:;">企业团购</a>
                <span class="sep">|</span>
                <a href="javascript:;">资质证照</a>
                <span class="sep">|</span>
                <a href="javascript:;">协议规则</a>
                <span class="sep">|</span>
                <a href="javascript:;">下载app</a>
                <span class="sep">|</span>
                <a href="javascript:;">智能生活</a>
                <span class="sep">|</span>
                <a href="javascript:;">Select Location</a>
                
            </div>
            <!-- 购物车 -->
            <div class="cart">
                <a href="javascript:;">
                    <i></i>购物车<span>(0)</span>
                </a>
                <div class="cart_message">
                    购物车中还没有商品，赶紧选购吧!
                </div>
            </div>
            <!--购物车信息下拉JS代码 -->
            <script>
                $('.cart').hover(function(){
                    $('.cart_message').stop().slideDown(500)
                },function(){
                    $('.cart_message').stop().slideUp(500)
                })
                // 停留在自己身上
                $('.cart_message').hover(function(){
                    $('.cart_message').stop().slideDown(500)
                },function(){
                    $('.cart_message').stop().slideUp(500)
                })
            </script>
            <!-- 登录 注册 消息通知 -->
            <div class="login">
                <a href="./login.html">登录</a>
                <span class="sep">|</span>
                <a href="./regist.html">注册</a>
                <span class="sep">|</span>
                <a href="javascript:;">消息通知</a>
            </div>
        </div>
    </div>
    <!-- 商品栏 -->
    <div id="shop_box">
        <div class="container">
            <div class="logo">
                <h1>
                    <a href="javascript:;">小米商城</a>
                </h1>
            </div>
            <!-- 商品导航栏 -->
            <div class="header_nav">
                <ul>
                    <li class="hidden">
                        <a href="javascript:;">全部商品分类</a>
                        <div class="list">
                            <ul>
                                <li>
                                    <a href="javascript:;">手机 电话卡<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">电视 盒子<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">笔记本 显示器<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">家电 插线板<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">出行 穿戴<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">智能 路由器<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">电源 配件<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">健康 儿童<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">耳机 音箱<span>></span></a>
                                </li>
                                <li>
                                    <a href="javascript:;">生活 箱包<span>></span></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="slide"><a href="javascript:;">小米手机</a></li>
                    <li class="slide"><a href="javascript:;">Redmi</a></li>
                    <li class="slide"><a href="javascript:;">红米电视</a></li>
                    <li class="slide"><a href="javascript:;">笔记本</a></li>
                    <li class="slide"><a href="javascript:;">家电</a></li>
                    <li class="slide"><a href="javascript:;">路由器</a></li>
                    <li class="slide"><a href="javascript:;">智能硬件</a></li>
                    <li><a href="javascript:;">服务</a></li>
                    <li><a href="javascript:;">社区</a></li>
                </ul>
            </div>
            <!-- 搜索框 -->
            <div class="search_box">
                <input type="text" name="search" id="search" placeholder="小米11 Readmi K40" >
                <div id="search_btn">
                    <a href="#">
                        <b class="iconfont">&#xe63e;</b>
                    </a>
                </div>
                <div class="search_select">
                    <ul>
                        <li>
                            <a href="javascript">小米 11</a>
                        </li>
                        <li>
                            <a href="javascript">空调</a>
                        </li>
                        <li>
                            <a href="javascript">Readmi K40</a>
                        </li><li>
                            <a href="javascript">洗衣机</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="shop_show">
               <div class="container ">
                    <ul>
                        <li>
                            <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/963679eaf3937351e154600ab3448460.png?thumb=1&w=160&h=110" alt="">
                            <h3 class="title">小米11</h3>
                            <p class="price">3999起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/963679eaf3937351e154600ab3448460.png?thumb=1&w=160&h=110" alt="">
                            <h3 class="title">小米11</h3>
                            <p class="price">3999起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/963679eaf3937351e154600ab3448460.png?thumb=1&w=160&h=110" alt="">
                            <h3 class="title">小米11</h3>
                            <p class="price">3999起</p>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/963679eaf3937351e154600ab3448460.png?thumb=1&w=160&h=110" alt="">
                            <h3 class="title">小米11</h3>
                            <p class="price">3999起</p>
                            </a>
                        </li>
                    </ul>
               </div>     
        </div>
    </div>
    <!-- 商品下拉列表展示JS -->
    <script>
        $('.header_nav .slide').hover(function(){
            $('.shop_show').stop().slideDown(500)
        },function(){
            $('.shop_show').stop().slideUp(500)
        })
        $('.shop_show').hover(function(){
            $('.shop_show').stop().slideDown(1000)
        },function(){
            $('.shop_show').stop().slideUp(1000)
        })
    </script>
    <!-- 轮播图 -->
    <div id="carousel">
        <div class="container">
            <div class="carousel">
                <!-- 图片 -->
                <ul class="carousel_ul">
                    <li class="active">
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/066e8880273dfd5d64df62adb0d2206f.jpg?thumb=1&w=1226&h=460" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85fe83512254832000635fb15f048df5.jpg?thumb=1&w=1226&h=460" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/aebcb8f7d8c6ddaa754bfbb701a38cbf.jpeg?thumb=1&w=1226&h=460" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28ce93203d5a18c2e8530a47992c55f4.jpg?thumb=1&w=1226&h=460 " alt="">
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3a1364817cf9391e9d8d86ecab6ee732.jpg?thumb=1&w=1226&h=460" alt="">
                        </a>
                    </li>
                </ul>
                <!-- 小圆点 -->
                <ol class="carousel_ol">
        
                </ol>
                <!-- 左右箭头 -->
                <a href="javascript:;" class="leftbtn btn">&lt;</a>
                <a href="javascript:;" class="rightbtn btn">&gt;</a>
                <!-- 防止重复点击 -->
                <div class="left noclick">
                </div>
                <div class="right noclick">
                </div>
                <!-- 侧边栏拓展 -->
                <div class="sidebar ">
                         <div class="one bn">
                            <ul>
                                <li>
                                    <a href="JavaScript:;">
                                       <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                    </a>
                                </li>
                                <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                            </ul>
                            <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                           <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                           <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a51c1afa4db8e47e62fad1f6fa4a8970.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                         </div>
                         <div class="two">
                            <ul>
                                <li>
                                    <a href="JavaScript:;">
                                       <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                    </a>
                                </li>
                                <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                            </ul>
                            <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                           <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                           <ul>
                               <li>
                                   <a href="JavaScript:;">
                                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                   </a>
                               </li>
                               <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                              <li>
                                  <a href="JavaScript:;">
                                     <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9074723edc522839834f7fcd12b6f558.png?thumb=1&w=40&h=40"alt=""><span>小米 11</span>
                                  </a>
                              </li>
                           </ul>  
                         </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧边栏JS代码 -->
    <script>
        $('.list ul li').hover(function(){
            $that = $(this).index()
            $('.sidebar').css('display','block')
           $('.sidebar div').eq($that).addClass('bn')
           $('.sidebar div').eq($that).siblings().removeClass('bn')
        },function(){
            $('.sidebar').css('display','none')
        })
        // 停在自己身上也显示
        $('.sidebar').hover(function(){
            $('.sidebar').css('display','block')
           $('.sidebar div').eq($that).addClass('bn')
           $('.sidebar div').eq($that).siblings().removeClass('bn')
        },function(){
            $('.sidebar').css('display','none')
        })
    </script>
    <!-- 轮播图JS代码 -->
    <script>
        window.onload = function(){
            for(let i = 0;i<$('.carousel_ul li').length;i++){
            $('ol').append("<li></li>")
        }//设置第一张图片和第一个小圆点的类名为active
        $('.carousel_ul li').first().addClass('active')
        $('.carousel_ul li').first().siblings().removeClass('active')
        $('.carousel_ol li').first().addClass('active')
        $('.carousel_ol li').first().siblings().removeClass('active')
         var star = new Carousel('carousel')
         star.start()
        }

     </script>
    <!-- 推荐模块 -->
    <div id="intorduce">
        <div class="container">
            <div class="intorduce">
                <div class="intorduce_link">
                    <ul>
                        <li class="shuxian">
                            <a href="javascript:;">
                                <img src="./images/xmms.png" alt="">
                                小米秒杀
                            </a>
                        </li>
                        <li class="shuxian">
                            <a href="javascript:;">
                                <img src="./images/qytg.png" alt="">
                                企业团购
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="./images/fmtd.png" alt="">
                                F码通道
                            </a>
                        </li>
                        <li class="weilei shuxian">
                            <a href="javascript:;">
                                <img src="./images/mfk.png" alt="">
                                米粉卡
                            </a>
                        </li>
                        <li  class="weilei shuxian">
                            <a href="javascript:;">
                                <img src="./images/yjhx.png" alt="">
                                以旧换新
                            </a>
                        </li>
                        <li  class="weilei">
                            <a href="javascript:;">
                                <img src="./images/hfcz.png" alt="">
                                话费充值
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="intorduce_img">
                    <a href="javscript:;">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&h=340" alt="">
                    </a>
                   
                </div>
                <div class="intorduce_img">
                    <a href="javascript:;">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a43378b96501d7e227a9018fe2668c5.jpg?w=632&h=340" alt="">
                    </a>
                </div>
                <div class="intorduce_img">
                    <a href="javascript:;">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793913688bfaee26b755a0b0cc8575fd.jpg?w=632&h=340" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 商品区域 -->
    <div id="main">
        <div class="container">
            <!-- 秒杀外围 -->
            <div class="miaosha">
                <div class="miaosha_top">
                    <p>小米秒杀</p>
                    <div class="ms_btnBox">
                        <a href="javascript:;" class="ms_left">&lt;</a>
                        <a href="javascript:;" class="ms_right">&gt;</a>
                    </div>
                </div>
                <!-- 秒杀板块 -->
                <div class="ms_row">
                        <!-- 秒杀场次 -->
                    <div class="times">
                        <span class="sessios">08:00 场</span>
                        <img src="./images/shandian.png" alt="">
                        <p class="tips">距离结束还有</p>
                        <div class="countdown">
                            <span>00</span>
                            <i>:</i>
                            <span>00</span>
                            <i>:</i>
                            <span>00</span>
                       </div>
                    </div>
                    <div class="ms_carousel">
                         <ul class="ms_carousel_ul">
                        <li>
                            <a href=""></a>
                        </li>
                        <li>
                            <a href=""></a>
                        </li>
                        <li>
                            <a href=""></a>
                        </li>
                        <li>
                            <a href=""></a>
                        </li>
                    </ul>
                    </div>
                   
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="main_shop">
                <!-- 手机 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="phone common">
                    <div class="common_top">
                        <h2>手机</h2>
                        <a href="javascript:;" class="seall">
                            查看全部 <span class="iconfont">&#xe607;</span>
                        </a>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 家电 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="jiadian common">
                    <div class="common_top">
                        <h2>家电</h2>
                        <div class="seall">
                            <a href="javascript:;">热门</a>
                            <a href="javascript:;">电视影音</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 智能 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="zhineng common">
                    <div class="common_top">
                        <h2>智能</h2>
                        <div class="seall">
                            <a href="javascript:;">热门</a>
                            <a href="javascript:;">安防</a>
                            <a href="javascript:;">出行</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 搭配 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9c5cbbfc51feb36265b89c2e53225a4.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="dapei common">
                    <div class="common_top">
                        <h2>搭配</h2>
                        <div class="seall">
                            <a href="javascript:;">热门</a>
                            <a href="javascript:;">耳机音箱</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 配件 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1615d1842fe85914a545297836a44271.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="peijian common">
                    <div class="common_top">
                        <h2>配件</h2>
                        <div class="seall">
                            <a href="javascript:;">热门</a>
                            <a href="javascript:;">充电器</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 周边 -->
                <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="zhoubian common">
                    <div class="common_top">
                        <h2>周边</h2>
                        <div class="seall">
                            <a href="javascript:;">热门</a>
                            <a href="javascript:;">出行</a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body">
                        <a href="javascript:;" class="left_pic shadow">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=234&h=614" alt="" >
                        </a>
                        <div class="shop_list">
                            <!-- <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a> -->
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                            <a href="javascript:;">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68217751d12b1bfd2f9766e458b5e2dd.jpg?thumb=1&w=200&h=200" alt="">
                                <p>Readmi&nbsp;K40&nbsp;pro系列</p>
                                <p>晓龙888/E4旗舰直屏</p>
                                <p class="price">2799起</p>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 雷总发布会 -->
                 <a href="javascript:;">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1226&h=120" alt="" class="row_pic">
                </a>
                <div class="video common">
                    <div class="common_top">
                        <h2>周边</h2>
                        <div class="seall">
                            <a href="javascript:;" class="seall">
                                查看全部 <span class="iconfont">&#xe607;</span>
                            </a>
                        </div>
                    </div>
                    <!-- 列表 -->
                    <div class="common_body video_body">
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180" alt="">
                            <span class="iconfont video_btn">&#xe774;</span>
                            <h3 class="fbh_title">Readmi&nbsp;10X系列发布会</h3>
                        </a>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180" alt="">
                            <span class="iconfont video_btn">&#xe774;</span>
                            <h3 class="fbh_title">Readmi&nbsp;10X系列发布会</h3>
                        </a>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180" alt="">
                            <span class="iconfont video_btn">&#xe774;</span>
                            <h3 class="fbh_title">Readmi&nbsp;10X系列发布会</h3>
                        </a>
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180" alt="">
                            <span class="iconfont video_btn">&#xe774;</span>
                            <h3 class="fbh_title">Readmi&nbsp;10X系列发布会</h3>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div id="footer">
        <div class="container">
            <nav>
                <a href="javascript:;" class="iconfont">&#xe61c; 预约维修服务</a>
                <a href="javascript:;" class="iconfont">&#xe606; 7天无理由退货</a>
                <a href="javascript:;" class="iconfont">&#xe60b; 15天免费换货</a>
                <a href="javascript:;" class="iconfont">&#xe616; 满99元包邮</a>
                <a href="javascript:;" class="iconfont">&#xe781; 520余家售后网点</a>
            </nav>
            <!-- 尾部导航 -->
            <div class="nav">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="javascript:;">账户管理</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">购物指南</a>
                    </dd>
                    <dd>
                        <a href="javascript:;">订单操作</a>
                    </dd>
                </dl>
                <div class="informatin">
                    <p class="phonenum">400-100-5678</p>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a href="javascript:;" class="iconfont">&#xe716; 人工服务</a>
                    <p>关注小米：<a href="javascript:;" class="iconfont">&#xe604;</a> <a href="javascript:;" class="iconfont">&#xe6d4;</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 版权信息 -->
    <div id="copyright">
        <div class="container">
            <div class="bottom_logo">
                    <a href="http:www.mi.com"></a>
            </div>
            <p class="bottom_link">
                <a href="javascript:;">小米商城</a>
                <span class="sep">|</span>
                <a href="javascript:;">MIUI</a>
                <span class="sep">|</span>
                <a href="javascript:;">米家</a>
                <span class="sep">|</span>
                <a href="javascript:;">米聊</a>
                <span class="sep">|</span>
                <a href="javascript:;">多看</a>
                <span class="sep">|</span>
                <a href="javascript:;">游戏</a>
                <span class="sep">|</span>
                <a href="javascript:;">政企服务</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米天猫店</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米集团隐私政策</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米公司儿童信息保护规则</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城隐私政策</a>
                <span class="sep">|</span>
                <a href="javascript:;">小米商城用户协议</a> 
                <span class="sep">|</span>
                <a href="javascript:;">问题反愦</a>
                <span class="sep">|</span>
                <a href="javascript:;">SelecLocation</a>
                <span class="sep">|</span>
            </p>
            <p class="bottom_link">
                <a href="javascript:;">北京互联网法院法律服务工作站</a>
                <span class="sep">|</span>
                <a href="javascript:;">中国消费者协会</a>
                <span class="sep">|</span>
                <a href="javascript:;">北京市消费者协会</a>
            </p>
            <br>
            <br>
            <p class="cpright bottom_link">
                    ©<a href="http://www.mi.com">mi.com</a>
                    京ICP证110507号
                    <a href="javascript:;">京ICP备10046444号</a>
                    <a href="javascript:;"> 京公网安备11010802020134号</a>
                    <a href="javascript:;">京网文[2020]0276-042号</a>
                    <br>
                    <a href="javascript:;">(京)网械平台备字(2018)第00005号</a>
                    <a href="javascript:;">互联网药品信息服务资格证(京)非经营性-2014-0090</a>
                    <a href="javascript:;">营业执照</a>
                    <a href="javascript:;">医疗器械质量公告</a>
                    <br>
                    <a href="javascript:;">增值电信业务许可证</a>
                    网络食品经营备案京食药网食备202010048
                    <a href="javascript:;">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404 
                    <a href="javascript:;">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 
                    <br>
                    <br>
                    <a href="javascript:;">
                        <img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/79edfa62db9723496b49b4fccad7769f.png" alt="">
                    </a>
                    <br>
            </p>
        </div>
        <p class="last">让全球每个人都能享受科技带来的美好生活</p>
    </div>
    <!-- 鼠标移入移出阴影效果 -->
    <script>
        $('.common a').css({
            'transition':'0.3s',
            "position":"realtive"
        })
       $('.common a').hover(function(){
            $(this).css({
                "transform":"translateY(-3px)",
                "box-shadow": "0px 5px 10px 5px #e0e0e0"
            })
        },function(){
            $(this).css({
                "transform":"",
                'box-shadow':""
            })
        })
        // 解决鼠标移入，不需要阴影的地方出现阴影
        $('.seall').hover(function(){
            $(this).css({
                "transform":"",
                'box-shadow':""
            })
        })
        $(".seall a").hover(function(){
            $(this).css({
                "transform":"",
                'box-shadow':""
            })
        })
    </script>
</body>
</html>